<template>
    <div class='container'>
        <t-tabs :default-value="1">
            <t-tab-panel :value="1" label="AI导读">
                <BookAIGuide />
            </t-tab-panel>
            <t-tab-panel :value="2" label="总结">
                <BookAISummary />
            </t-tab-panel>
            <t-tab-panel :value="3" label="亮点">
                <BookAIBlips />
            </t-tab-panel>
            <t-tab-panel :value="4" label="背景">
                <BookAIContent />
            </t-tab-panel>
            <t-tab-panel :value="5" label="章节">
                <BookChapter />
            </t-tab-panel>
            <t-tab-panel :value="6" label="笔记">
                <BookNote />
            </t-tab-panel>
            <t-tab-panel :value="7" label="打卡">
                <BookClock />
            </t-tab-panel>

        </t-tabs>
    </div>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
</script>
<style lang='scss' scoped></style>